<template>
  <div>
    App
    <!-- <Child :name="person.name" :age="person.age" :sex="person.sex" /> -->

    <!-- 
      v-bind="obj"
      将对象中所有属性以props方式传递给组件
     -->
    <Child v-bind="person" @xxx="xxx" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      person: {
        name: "jack",
        age: 18,
        sex: "男",
      },
    };
  },
  methods: {
    xxx() {},
  },
};
</script>

<style></style>
